<!DOCTYPE html>
<html>
<head>
<include file="Home@public/link" />
<script src="STRING_INDEX/js/jquery.jumpto.js" type="text/javascript"></script>
<script src="STRING_INDEX/js/jquery.reveal.js" type="text/javascript"></script>
<script src="STRING_INDEX/js/jquery.sumoselect.min.js" type="text/javascript"></script>
<title>订单确认</title>
</head>
    <script type="text/javascript">
        $(document).ready(function () {
            window.asd = $('.SlectBox').SumoSelect({ csvDispCount: 3 });
            window.test = $('.testsel').SumoSelect({okCancelInMulti:true });
        });
    </script>
<body>
<!--顶部图层-->
<include file="Home@public/head1" />
<!--订单确认样式-->
<div id="Orders" class="Inside_pages  clearfix">
    <div class="Process">
        <img src="STRING_INDEX/images/Process_img_02.png" />
    </div>
    <form class="form" method="post" action="{$pay}">
    <div class="Orders_style clearfix">
        <div class="address clearfix">
            <div class="title">收货人信息</div>
            <div class="adderss_list clearfix">
                <div class="title_name">选择收货地址 <a href="{$address}">+添加地址</a></div>
                <div class="list" id="select">
                    <volist name="tist" id="vo" key='k'>
                    <if condition="$k eq 1">
                        <ul class="confirm active">
                        <div class="default">默认地址</div>
                            <else/>
                            <ul class="">
                            </if>
                            <input type="hidden" name="address_id" value="{$vo['id']}" >
                            <!-- <div class="adderss_operating">
                                <div class="Operate"><a href="#" class="delete_btn"></a> <a href="#" class="modify_btn"></a></div>
                            </div> -->
                            <div class="user_address" data-id="{$vo.id}">
                                <li>{$vo['name']}</li>
                                <li>{$vo['address']}</li>
                                <li class="Postcode">{$vo['zip']}</li>      
                                <li>{$vo['phone']}</li>
                            </div>
                        </ul>
                    </volist>
                </div>
            </div>
        </div>         
            <fieldset> 
            <!--快递选择-->
                <div class="express_delivery">
                    <div class="title_name">选择快递方式</div>
                    <ul class="dowebok">
                        <li><input type="radio" name="radio" data-labelauty="圆通快递" value="圆通快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询圆通当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                                <p><a href="#">点击查看是否在配送范围内</a></p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="中通快递" value="中通快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询中通当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="申通快递" value="申通快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询申通当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="邮政EMS" value="邮政EMS">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询邮政EMS当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="城际快递" value="城际快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询城际快递当地营业网点</p>
                                <p>资费：同城包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="韵达快递" value="韵达快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询韵达当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="国通快递" value="国通快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询国通当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="顺丰快递" value="顺丰快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询顺丰当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满88元包邮</p>
                            </div>
                        </li>
                        <li><input type="radio" name="radio" data-labelauty="天天快递" value="天天快递">
                            <div class="description">
                                <em class="arrow"></em>
                                <p>到付价格=现付价格*1.25 ，不足1元按1元收取，到付最低15元起。此价格供参考，详情请咨询天天当地营业网点</p>
                                <p>资费：15元</p>
                                <p class="Note">满68元包邮</p>
                            </div>
                        </li>
                    </ul>       
                </div>
            <!--付款方式-->
                <div class="payment">
                    <div class="title_name">支付方式</div>
                    <ul>
                        <!-- <li><input type="radio" name="radio1" data-labelauty="余额支付"></li> -->
                        <li><input type="radio" name="radio1" data-labelauty="支付宝" value="支付宝"></li>
                        <!-- <li><input type="radio" name="radio1" data-labelauty="财付通"></li>
                        <li><input type="radio" name="radio1" data-labelauty="银联支付"></li>
                        <li><input type="radio" name="radio1" data-labelauty="货到付款"></li> -->
                    </ul>
                </div>
            <!--发票样式-->
<!--                 <div class="invoice_style">
                    <ul>
                        <li class="invoice_left"><input name="" type="checkbox" value="" data-labelauty="是否开发票"/> </li>
                        <li class="invoice_left">
                            <select name="somename" class="SlectBox" onclick="console.log($(this).val())" onchange="console.log('change is firing')">
                                <option disabled="disabled" selected="selected">发票类型</option>
                                <option value="办公用品">办公用品</option>
                                <option value="食品">食品</option>
                                <option value="20元红包">20元红包</option>
                                <option value="50元红包">50元红包</option>
                                <option value="100元红包">100元红包</option>
                                <option value="200元红包">200元红包</option>
                            </select>
                        </li>
                        <li class="invoice_left">发票抬头
                        <input name="" type="text" class="text_info" /></li>
                        <li class="invoice_left">
                            <select name="somename" class="SlectBox" onclick="console.log($(this).val())" onchange="console.log('change is firing')">
                                <option disabled="disabled" selected="selected">发票内容</option>
                                <option value="办公用品">办公用品</option>
                                <option value="食品">食品</option>
                                <option value="数码配件">数码配件</option>
                                <option value="电脑">电脑</option>
                                <option value="手机">手机</option>
                                <option value="200元红包">200元红包</option>
                            </select>
                        </li>
                    </ul>
                </div> -->
            <!--产品列表-->
                <div class="Product_List">
                    <div class="envelopes">
                    选择已有红包
                            <select name="somename" class="SlectBox" onclick="console.log($(this).val())" onchange="console.log('change is firing')">
                            <option disabled="disabled" selected="selected">选择红包金额</option>
                            <!--placeholder-->
                            <option value="5元红包">5元红包</option>
                            <option value="10元红包">10元红包</option>
                            <option value="20元红包">20元红包</option>
                            <option value="50元红包">50元红包</option>
                            <option value="100元红包">100元红包</option>
                            <option value="200元红包">200元红包</option>
                        </select>
                    或者输入红包序列号<input name="" type="text" class="text_number" /><input type="submit"  class="verification_btn" value="验证序列号"/>
                    </div>
                    <table>
                        <thead>
                            <tr class="title">
                                <td class="name">商品名称</td>
                                <td class="price">商品原价</td>
                                <!-- <td class="Preferential">优惠价</td> -->
                                <td class="Quantity">购买数量</td>
                                <td class="Money">金额</td>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $total=0; ?>
                            <volist name="buycart" id="vo">
                                <tr>
                                    <td class="Product_info">
                                    <a href="#"><img src="STRING_PRODUCT/{$vo['photos']}"  width="100px" height="100px"/></a>
                                    <a href="#" class="product_name">{$vo['merchandise']}</a>
                                    </td>
                                    <td class="price"><i>￥</i>{$vo['price']}</td>
                                    <!-- <td><i>￥</i>112.00</td> -->
                                    <td class="number">{$vo['number']}</td>
                                    <td class="Moneys"><i>￥</i><php>echo $vo['number']*$vo['price'];</php></td>
                                </tr>
                                <?php $total+=($vo['number']*$vo['price']); ?>
                            </volist>
                        </tbody>
                    </table>
                    <div class="Pay_info">
                        <label>订单留言</label><input name="message" type="text"  onkeyup="checkLength(this);" class="text_name " class="message"/>  <span class="wordage">剩余字数：<span id="sy" style="color:Red;">50</span></span>  
                    </div>
                    <!--价格-->
                    <div class="price_style">
                        <div class="right_direction">
                            <ul>
                            <li><label>商品总价</label><i>￥</i><span><?php echo $total; ?></span></li>
                            <!-- <li><label>优惠金额</label><i>￥</i><span>-23.00</span></li> -->
                            <li><label>配&nbsp;&nbsp;送&nbsp;&nbsp;费</label><i>￥</i><span class="fare">0</span></li>
                            <li class="shiji_price"><label>实&nbsp;&nbsp;付&nbsp;&nbsp;款</label><i>￥</i><span><?php echo $total; ?></span></li>    
                            </ul>   
                            <div class="btn">
                                <input name="submit" type="submit" value="提交订单" class="submit_btn"/> <input name="" type="button" value="返回购物车"  class="return_btn"/>
                            </div>
                            <!-- <div class="integral right">待订单确认后，你将获得<span>345</span>积分</div> -->
                        </div>
                    </div>
                </div>  
            </fieldset>
        </form>
    </div>
</div>
</div>
<include file="Home@public/right" /> 
<script type="text/javascript">
function checkLength(which) {
	var maxChars = 50; //
	if(which.value.length > maxChars){
		alert("您出入的字数超多限制!");
		// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
		which.value = which.value.substring(0,maxChars);
		return false;
	}else{
		var curr = maxChars - which.value.length; //250 减去 当前输入的
		document.getElementById("sy").innerHTML = curr.toString();
		return true;
	}
}
</script>
<script>
$(function(){
	$(':input').labelauty();
});
</script>
</body>
</html>
